<template>
  <div class="head flex-al">
    <el-image class="img" :src="url" fit="cover" @click="handHead()" />
    <span class="name">{{ name }}</span>
    <span class="com">职位: {{ com }}</span>
    <span class="position">联系方式: {{ position }}</span>
  </div>
</template>
<script>
export default {
  props: {
    name: '',
    com: '',
    position: '',
    url: '',
    rid: '',
  },
  methods: {
    handHead() {
      console.log(this.rid)
      if (this.rid) {
        window.open(
          'http://www.cbda1984.com/pc/#/preDetails?recordId=' + this.rid
        )
      }
    },
  },
}
</script>
<style lang="less" scoped>
.head {
  .img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
  }
  .com {
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    text-align: center;
    margin: 10px 0;
  }
  .name {
    margin-top: 12px;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
  }
  .position {
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    text-align: center;
  }
}
</style>
